<template>
  <a-drawer
    title='新增班次'
    :width='720'
    :visible='visible'
    :body-style="{ paddingBottom: '80px' }"
    @close='onClose'
  >
    <a-spin :spinning='confirmLoading'>
      <a-form :form='form'>
        <a-form-item
          label='班次名称'
        >
          <a-input
            placeholder='请输入班次名称'
            v-decorator="['name',{rules:[{required:true,message:'name'}]}]" />
        </a-form-item>
        <div>
          <a-button>
            <div>
              <a-form-item
                label='上班时间'
              >
                <a-input
                  placeholder='请输入上班时间'
                />
              </a-form-item>
            </div>
          </a-button>
        </div>
      </a-form>
    </a-spin>
  </a-drawer>
</template>

<script>
export default {
  name: 'shift-frequency-add-or-update',
  data() {
    return {
      visible: true,
      confirmLoading: false,
      form: this.$form.createForm(this)
    }
  },
  methods: {
    init() {
      this.visible = true
    },
    onClose() {
      this.visible = false
    }
  }
}
</script>

<style scoped>

</style>